<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>material</title>
    <script src="__LAYUI__/layui.js"></script>
    <link href="__LAYUI__/css/layui.css" rel="stylesheet"/>
</head>
<body>

<table id="table" lay-filter="text"></table>


<script type="text/html" id="barDemo">
    <!--<a class="layui-btn layui-btn-mini" lay-event="detail">查看</a>-->
    <a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>

    <!--&lt;!&ndash; 这里同样支持 laytpl 语法，如： &ndash;&gt;-->
    <!--{{#  if(d.auth > 2){ }}-->
    <!--<a class="layui-btn layui-btn-mini" lay-event="check">审核</a>-->
    <!--{{#  } }}-->
</script>

<script>
    layui.use(['table','jquery'], function () {
        var table = layui.table;
        var $ = layui.$ //重点处
            ,layer = layui.layer;
        table.render({
            id: 'table',
            elem: 'table'
            ,
            page: true
            ,
            limit: 10
            ,
            skin: 'line'
            ,
            even: true
            ,
            size: 'lg'
            ,
            cols: [[
                {field: 'Id', title: 'id', width: 50}
                , {field: 'title', title: '书名',event: 'setSign', width: 200}
                , {field: 'press', title: '出版社', width: 200}
            ]]
            ,
            data: [
                    {"Id": 1, "title": "计算机操作系统", "press": "西安电子科技大学出版社"},
                    {"Id": 2, "title": "计算机操作系统", "press": "西安电子科技大学出版社"},
                    {"Id": 3, "title": "计算机操作系统", "press": "西安电子科技大学出版社"}
                ]
//            ,url:'https://127.0.0.1/index/Database/find'
        });

        table.on('tool(text)', function(obj) {
            var data = obj.data;
            if (obj.event === 'setSign') {
                console.log(obj.data.Id);
                $.ajax({
                    type: 'post',
                    data:{
                        id:obj.data.Id
                    },
                    timeout:5000,
                    url:
                });
//                layer.prompt({
//                    formType: 2
//                    ,title: '修改 ID 为 ['+ data.id +'] 的用户签名'
//                    ,value: data.sign
//                }, function(value, index){
//                    layer.close(index);
//
//                    //这里一般是发送修改的Ajax请求
//
//                    //同步更新表格和缓存对应的值
//                    obj.update({
//                        sign: value
//                    });
//                });
            }
        });
    });

</script>


</body>
</html>